.container {
    padding: 72px 12px;
    margin-top: 1.4rem;
    color: #111111;
    display: flex;
    justify-content: center;

    > .content {
        display: flex;
        flex-direction: row;
        position: relative;

        > .head {
            position: relative;
            left: -68px;
        }

        > .info {
            display: flex;
            flex-direction: column;
            position: relative;
            left: -24px;

            > .name {
                font-size: 40px;
                font-weight: bold;
                display: flex;
                flex-direction: row;
                align-items: center;
                column-gap: 20px;
                margin-bottom: 24px;
            }

            > span {
                margin-bottom: 16px;
            }

            > .link {
                font-size: 15px;
                color: #767676;
                display: flex;
                flex-direction: row;
                align-items: center;
                column-gap: 12px;
                margin-bottom: 8px;
                cursor: pointer;

                &:hover {
                    color: #111111;
                }

                > .icon {
                    width: 15px;
                }
            }

            > .tag__list {
                display: flex;
                flex-direction: row;
                align-items: center;
                column-gap: 8px;

                > .item {
                    padding: 2px 8px;
                    color: #767676;
                    background-color: #eeeeee;
                    border-radius: 4px;
                    cursor: pointer;

                    &:hover {
                        color: #111111;
                        background-color: #e1e1e1;
                    }
                }
            }
        }
    }
}
